<section class="" ng-init="loadAppSettings()">
    <form ng-if="appSettings" ng-class="{'submitted': submitted}" ng-submit="saveAppSettings(appSettings)"
        autocomplete="new-password">
        <tabs-h> 
            <actions preview-url="appSettings.fullPath" back-url="'/portal/configuration/list'"></actions>
            <pane-h header="General" class="">
                <div class="">
                    <app-settings-general app-settings="appSettings"></app-settings-general>
                </div>
            </pane-h>
            <!-- <pane-h header="Default" class="card">
                <div class="card-body">
                    <app-settings-default app-settings="appSettings" statuses="statuses"
                        cultures="globalSettings.cultures">
                    </app-settings-default>
                </div>
            </pane-h> -->
            <pane-h header="Authentication" class="card">
                    <div class="card-body">
                        <app-settings-auth app-settings="appSettings"></app-settings-auth>
                    </div>
                </pane-h>
            <pane-h header="Email" class="card">
                <div class="card-body">
                    <app-settings-smtp app-settings="appSettings"></app-settings-smtp>
                </div>
            </pane-h>
            <!-- <pane-h header="Import" class="card">
                <div class="card-body">
                    <h6>Import
                        <a href="/portal/import" class="btn btn-link text-primary btn-sm float-right"><span
                                class="fas fa-file-import text-primary"></span> Import</a>

                    </h6>
                    <p class="text-muted">Add a title and description to see how this product might
                        appear in a search engine listing.</p>
                </div>
            </pane-h> -->
            <pane-h header="Permissions" class="card">
                <div class="card-body">
                    <h6>Permissions
                        <a href="/portal/permission/create" class="btn btn-link text-primary btn-sm float-right"><span
                                class="fas fa-plus text-primary"></span> Add
                            new</a>
                        <a href="/portal/permission/list" class="btn btn-link text-primary btn-sm float-right"><span
                                class="far fa-list-alt text-primary"></span> List
                            permissions</a>
                    </h6>
                </div>
            </pane-h>
            <pane-h header="File Management" class="card">
                <div class="card-body">
                    <h6>Files
                        <a href="/portal/file/create" class="btn btn-link text-primary btn-sm float-right"><span
                                class="fas fa-plus text-primary"></span> Add
                            new</a>
                        <a href="/portal/file/list" class="btn btn-link text-primary btn-sm float-right"><span
                                class="far fa-list-alt text-primary"></span> List
                            file</a>
                    </h6>
                </div>
            </pane-h> 
            <pane-h header="Json Setttings" class="card">
                <div class="card-body">
                    <h6>Json Settings
                        <!-- <a href="/portal/create/create" class="btn btn-link text-primary btn-sm float-right"><span
                                class="fas fa-plus text-primary"></span> Add
                            new</a> -->
                        <a href="/portal/json-data/list" class="btn btn-link text-primary btn-sm float-right"><span
                                class="far fa-list-alt text-primary"></span> List
                            Json List</a>
                    </h6>
                </div>
            </pane-h> 
            <!-- <pane-h header="Attribute sets" class="card">
                <div class="card-body">
                    <h6>Attribute sets
                        <a href="/portal/attribute-set/create"
                            class="btn btn-link text-primary btn-sm float-right"><span
                                class="fas fa-plus text-primary"></span> Add
                            New</a>
                        <a href="/portal/attribute-set/list" class="btn btn-link text-primary btn-sm float-right"><span
                                class="far fa-list-alt text-primary"></span> List
                            Attr Sets</a>
                    </h6>
                </div>
            </pane-h> -->
            <pane-h header="Languages" class="card">
                <div class="card-body">
                    <h6>Languages
                        <a href="/portal/language/create" class="btn btn-link text-primary btn-sm float-right"><span
                                class="fas fa-plus text-primary"></span> Add
                            new</a>
                        <a href="/portal/language/list" class="btn btn-link text-primary btn-sm float-right"><span
                                class="far fa-list-alt text-primary"></span> List
                            languages</a>
                    </h6>
                </div>
            </pane-h>
            <pane-h header="Localization" class="card">
                <div class="card-body">
                    <h6>Localization
                        <a href="/portal/localize/create" class="btn btn-link text-primary btn-sm float-right"><span
                                class="fas fa-plus text-primary"></span> Add
                            new</a>
                        <a href="/portal/localize/list" class="btn btn-link text-primary btn-sm float-right"><span
                                class="far fa-list-alt text-primary"></span> List
                            strings</a>
                    </h6>
                    <p class="text-muted">Manage your multilingual site contents.</p>
                </div>
            </pane-h>
        </tabs-h>

        <!-- 
        <div class="row justify-content-md-center">
            <div class="col-lg-6">
                <div class="card mb-4">
                    <div class="card-header">
                        <h6>General
                            <button class="btn btn-link text-primary btn-sm float-right" type="button"
                                data-toggle="collapse" data-target="#general-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit general settings</button>

                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>

                    <div id="general-setting" class="card-body collapse">

                        <app-settings-general app-settings="appSettings"></app-settings-general>

                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Default
                            <button class="btn btn-link text-primary btn-sm float-right" type="button"
                                data-toggle="collapse" data-target="#default-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit default settings</button>

                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>

                    <div id="default-setting" class="card-body collapse">
                        <app-settings-default app-settings="appSettings" statuses="statuses"
                            cultures="globalSettings.cultures"></app-settings-default>

                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Import
                            <a href="/portal/import" class="btn btn-link text-primary btn-sm float-right"><span
                                    class="fas fa-file-import text-primary"></span> Import</a>

                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Permissions
                            <a href="/portal/permission/create"
                                class="btn btn-link text-primary btn-sm float-right"><span
                                    class="fas fa-plus text-primary"></span> Add
                                new</a>
                            <a href="/portal/permission/list" class="btn btn-link text-primary btn-sm float-right"><span
                                    class="far fa-list-alt text-primary"></span> List
                                permissions</a>
                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>
                </div>


                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Attribute sets
                            <a href="/portal/attribute-set/create"
                                class="btn btn-link text-primary btn-sm float-right"><span
                                    class="fas fa-plus text-primary"></span> Add
                                New</a>
                            <a href="/portal/attribute-set/list"
                                class="btn btn-link text-primary btn-sm float-right"><span
                                    class="far fa-list-alt text-primary"></span> List
                                Attr Sets</a>
                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>
                </div>

            </div>

            <div class="col-lg-6">
                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Authentication
                            <button class="btn btn-link text-primary btn-sm float-right" type="button"
                                data-toggle="collapse" data-target="#auth-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit authentication
                                settings</button>

                        </h6>
                        <p class="text-muted">Manage and control authentication settings.</p>
                    </div>

                    <div id="auth-setting" class="card-body collapse">

                        <app-settings-auth app-settings="appSettings"></app-settings-auth>

                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Email
                            <button class="btn btn-link text-primary btn-sm float-right" type="button"
                                data-toggle="collapse" data-target="#smtp-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit SMTP settings</button>

                        </h6>
                        <p class="text-muted">Enables you to configure e-mail settings.</p>
                    </div>

                    <div id="smtp-setting" class="card-body collapse">


                        <app-settings-smtp app-settings="appSettings"></app-settings-smtp>

                    </div>
                </div>


                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Languages
                            <a href="/portal/language/create" class="btn btn-link text-primary btn-sm float-right"><span
                                    class="fas fa-plus text-primary"></span> Add
                                new</a>
                            <a href="/portal/language/list" class="btn btn-link text-primary btn-sm float-right"><span
                                    class="far fa-list-alt text-primary"></span> List
                                languages</a>
                        </h6>
                        <p class="text-muted">This option will enable multilingual feature for your side.</p>
                    </div>
                </div>


                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Localization
                            <a href="/portal/localize/create" class="btn btn-link text-primary btn-sm float-right"><span
                                    class="fas fa-plus text-primary"></span> Add
                                new</a>
                            <a href="/portal/localize/list" class="btn btn-link text-primary btn-sm float-right"><span
                                    class="far fa-list-alt text-primary"></span> List
                                strings</a>
                        </h6>
                        <p class="text-muted">Manage your multilingual site contents.</p>
                    </div>
                </div>

            </div>
        </div> -->


        <!-- 
        <div class="row justify-content-md-center">
            <div class=" col-lg-6">
                <div class="card mb-4">
                    <h6 class="card-header">
                        App Settings
                    </h6>
                    <div class="card-body">
                        <div class="row">
                            <tabs-v class="col-lg-12">
                                <pane-v header="General">
                                </pane-v>
                                <pane-v header="Default">
                                    
                                </pane-v>
                                <pane-v header="Auth">
                                </pane-v>
                                <pane-v header="Smtp">
                                </pane-v>
                            </tabs-v>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->

    </form>
</section>
<!-- /.content -->